@import "../../style/variables.less";
@import "../../style/mixins/index.less";
.w-menu{
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  z-index: 1000;
  color: rgba(0,0,0,.65);
  background: #fff;
  line-height: 46px;
  background-color: #f9f9f9;
  i[class^='w-icon']{
    margin-right: 5px;
    transform: scale(0.9);
  }
  .w-menu-item{
    margin: 0;
    padding: 0 20px;
    font-size: 14px;
    position: relative;
    display: block;
    white-space: nowrap;
    cursor: pointer;
    transition: color @transition-time;
    > a{
      display: block;
      color: rgba(0,0,0,.65);
    }
    &.active{
      color: #0fa120; 
    }
    &.disabled{
      color: rgba(0,0,0,.25)!important;
      cursor: not-allowed;
      background: none;
      border-color: transparent!important;
    }
    &:hover{
      color: #0fa120; 
    }
  }
  &.w-menu-horizontal {
    border: 0;
    border-bottom: 1px solid #e9e9e9;
    box-shadow: none;
    z-index: 0;
    &:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
    }
    .w-menu-item{
      position: relative;
      top: 1px;
      float: left;
      &.active{
        border-bottom: 1px solid #0fa120;
        font-weight: bold;
      }
      &.disabled{
        color: rgba(0,0,0,.25)!important;
        border-bottom: 1px solid transparent;
      }
      &:hover:not(.disabled){
        border-bottom: 1px solid #0fa120;   
      }
    }
  }
  &.w-menu-vertical {

  }

  .w-sub-menu{
    .w-sub-menu-title{
      padding: 0 20px;
      font-size: 14px;
      cursor: pointer;
      &:hover{
        color: #0fa120; 
      }
      span + i[class^='w-icon']{
        transition: transform @transition-time;
        margin-left: 5px;
        transform:rotate(0deg);
      }
    }
    &.opened{
      .w-sub-menu-title span + i[class^='w-icon']{
        transform:rotate(180deg);
      }
    }
    .w-sub-menu-con{
      display: none;
      &.opened{
        display: block;
      }
      .w-menu-item{
        padding-left: 38px;
      }
    }
  }
}